<script setup>
import { ref } from "vue";

const props = defineProps(["title","closebtn"]);
</script>

<template>
    <div class="dialog">
        <div class="dialog-title">{{ props.title }}</div>
        <slot></slot>
        <div class="close" v-if="props.closebtn">x</div>
    </div>
    
</template>

<style scoped>
    .dialog{
        min-width: 300px;
        min-height: 40px;
        position: fixed;
        top: 20px;
        left: 50%;
        transform: translate(-50%);
        background-color: red;
        border-radius: 5px;
    }
</style>
